91精品网站在线观看I爱干视频I亚洲国产久I日日干avI亚洲播播I国产免费亚洲高清I中文字幕高清有码I中文字幕免费观看全部电影I九九视频这里只有精品I国产亚洲一区二区三区I97电影在线看视频

咨詢熱線:

17661095540

聯系QQ:

2863379292

官方微信:

SEO優化CSS篇,細節決定成敗

全網營銷

導讀:前言:SEO在網站運營中的地位已經不言而喻了,SEO說難不難,因為只要在網站制作過程中,把握一些“套路”,不要過于修飾就差不多了,這個方面站長基本都是知道的,但是SEO說簡單也不簡單,

發表日期:2019-10-10

文章編輯:興田科技

瀏覽次數:9526

標簽:

前言:SEO在網站運營中的地位已經不言而喻了,SEO說難不難,因為只要在網站制作過程中,把握一些“套路”,不要過于修飾就差不多了,這個方面站長基本都是知道的,但是SEO說簡單也不簡單,需要多觀察、思考,耐心的去研究“細節”,方能把網站的整體排名提高到一個檔次。如果對于SEO細節的把握得當,會起到非常好的收效。本人不才,將在以后的日子里,發布一系列“SEO:細節決定成敗”的文章,本文以CSS優化為例,介紹一些技巧,希望能和大家一起學習探討SEO,同時也希望大家不吝賜教,謝謝!

總的來說,p + CSS的網站標注設計,大家應該有了很多的了解了,我整理了一下,符合設計標準簡單來講有以下好處:

提供最多利益給最多的網站用戶

確保任何網站文擋都能夠長期有效

簡化代碼、降低建設成本

讓網站更容易使用,能適應更多不同用戶和更多網路設備

當瀏覽器版本更新,或者出現新的網絡交互設備時,確保所有應用能夠繼續正確執行。

那么,我們了知道這些好處,還需要在實際當中活學活用,今天的主題是以一個實例來體現css在SEO中的靈活運用,我發現,在大多數不怎么運用標準甚至一些符合標準的網站里,都犯有這點錯誤,哪一點?請繼續往下看。

先看圖:

我就不兜圈子了,從圖中我們看到有些標題是這樣的:4399小游. . . 。這是一個因為長度過長而被省略的標題。

通常我們的一般是做成靜態頁面的,那么我們在生成標題的時候會使用類似:{limit:title,12,“. . .”},相信大家都看得懂,限制標題長度為12,過長的部分用“. . .”省略號代替。那實際該標題顯示在首頁或者當前頁的關鍵字就是”4399小游. . .“,我們知道,搜索是讀源文件的,我們提取該頁的源文件分析:

搜索引擎看到的結果是這樣的:<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游. . .</a></li>

而不是我們想像中的完整標題:<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游戲</a></li>

那么這樣做會有影響么?答案是肯定的。站長們其實都知道,這樣做該鏈接的文字描述權重就會分到”4399小游...“,而非”4399小游戲“上了,當然盡管我們已經在<A>中用title描述了完整的標題。

如果這樣說還不明白的話,我們還可以這樣來解釋,很多平時喜歡交換鏈接的站長,使用的網站名不單單是為了帶流量,而是為了某個關鍵詞的權重和排名。SEO的靈魂就是鏈接,不管是外鏈還是內鏈,都有明顯的‘權重傳遞’,如果我們限制了標題而替代以省略號,相信權重會大打折扣,這一點是毋庸置疑的。

了解了這一點,我們就會想對策。其實CSS 2.0中屬性<li>就很好的為我們解決了這個問題,一個很簡簡單的功能就能搞定了,我們在控制<li>的時候可以這樣寫(為了清楚明白,附以完整代碼):

以下為引用的內容:

<style type="text/css">

<!--

li {

width:20px;

white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

}

/* firefox only */

li:not(p) { /* wtf is? pls let me know*/

clear: both;

}

li:not(p) a {

max-width: 17px;

float: left;

}

li:not(p):after {

content: "...";

float: left;

width: 25px;

padding-left: 5px;

color: #df3a0e;

}

-->

</style>

<ul>

<li><a href="http://www.4399ol.com" titile="4399小游戲">4399小游戲</a></li>

</ul>

這樣的話就輕松解決了問題。即便是超出的部分,也不會在源文件中被砍掉了,而是以完整的標題提供給搜索引擎去索引了。

其實文章前面我們也提到了,很多網站,尤其是以表格完成頁面主題的網站,在”相關文章“里都會有標題超長出現,而大多數網站的處理方法就是截掉了超長部分,當然表格完成的頁面也可以使用此方法,道理是一樣的,大家可以去試試。

p+css標準設計有很多地方很適合SEO優化,希望大家慢慢的去摸索和嘗試。

此文只是本人優化過程中的一點點體會,希望能起到拋磚引玉的作用,謝謝大家!

相關推薦

更多新聞

主站蜘蛛池模板: 亚洲首页一区任你躁xxxxx| 又硬又粗进去好爽免费| 久久亚洲精品情侣| 色婷婷一区二区三区四区成人网| 国产一区二区三区免费高清在线播放 | 亚洲中文字幕无码久久2018| 婷婷开心色四房播播| 中文字幕无码免费久久9一区9 | av无码一区二区大桥久未| 国产精品久久欧美久久一区| 国产欧美一区二区精品性色| 成人国产精品日本在线| 又色又爽又高潮免费视频观看| 美丽人妻被按摩中出中文字幕 | 婷婷丁香五月中文字幕| 亚洲国产成人久久综合一区| 国精品人妻无码一区二区三区蜜柚| 日产乱码一区二区三区在线| 2020精品国产福利在线观看香蕉| 永久久久免费人妻精品| 无码专区亚洲制服丝袜| 日本亚洲欧洲无免费码在线 | 欧美亚洲综合久久偷偷人人| 国产成人精品三级麻豆| 亚洲欧美日韩v在线播放| 高清偷自拍亚洲精品三区| 国产精品成人片在线观看| 亚洲国产另类精品| 草草久久久无码国产专区| 国产av一区二区三区天堂综合网| 国产精品亚洲一区二区在线观看| 国产成人免费一区二区三区| 国产精品真实灌醉女在线播放| 亚洲蜜芽在线精品一区| 水蜜桃av无码| 黑人玩弄出轨人妻松雪| 色偷偷888欧美精品久久久| 18?????网站| 国产在线精品第一区二区| 亚洲国产精品18久久久久久| 日韩精品人妻系列无码专区免费|